<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="author" content="Night">
  <!-- 移动端适配 -->
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
  <!-- 重置css -->
  <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
  <!-- rem.js -->
  <script type="text/javascript" src="./js/winResponsive.js"></script>
  <link rel="stylesheet" href="./css/swiper.min.css">
  <!-- index.css -->
  <link rel="stylesheet" type="text/css" href="./css/index.css">
  <link rel="stylesheet" type="text/css" href="./css/common.css">
  <title>Bee Mall</title>
 </head>
 <body>
   <!-- header start -->
   <header>
       <div class="container">
           <div class="logo">
                <a href="#">
                    <img src="./images/bee_03.png" alt="">
                </a>
            </div>
            <div class="search">
                <img src="./images/search_06.png" alt="">
                <form action="#">
                    <input type="text" name="keywords" placeholder="输入商家、分类或商圈"/>
                </form>
            </div>
            <a href="#" class="saoyisao">
                <img src="./images/saoyisao_06.png" alt="">
            </a>
            <a href="#" class="info">
                <img src="./images/clock_08.png" alt="">
            </a>
       </div>    
   </header>
   <section class="content">
       <div class="banner swiper-container">
           <ul class="swiper-wrapper">
               <li class="swiper-slide"><a href="#"><img src="./images/banner_19.png" alt=""></a></li>
               <li class="swiper-slide"><a href="#"><img src="./images/banner_19.png" alt=""></a></li>
               <li class="swiper-slide"><a href="#"><img src="./images/banner_19.png" alt=""></a></li>
               <li class="swiper-slide"><a href="#"><img src="./images/banner_19.png" alt=""></a></li>
           </ul>
       </div>
       <nav>
           <figure>
               <a href="#">
                   <img src="./images/choujiang_22.png" alt="">
                   <figcaption>闪送超市</figcaption>
               </a>
               <a href="#">
                   <img src="./images/choujiang_22.png" alt="">
                   <figcaption>闪送超市</figcaption>
               </a>
               <a href="#">
                   <img src="./images/choujiang_22.png" alt="">
                   <figcaption>闪送超市</figcaption>
               </a>
               <a href="#">
                   <img src="./images/choujiang_22.png" alt="">
                   <figcaption>闪送超市</figcaption>
               </a>
           </figure>
       </nav>
       <div class="goods container">
           <div class="description">
               <div class="left">
                   <p>Fresh奶</p>
                   <p>光明畅优乳杆菌<span>6</span>元/<span>2</span>瓶</p>
                   <p>更多优惠 低至5折</p>
               </div>
               <div class="right">
                   <img src="./images/changyou_27.png" alt="">
               </div>
           </div>
       </div>
       <div class="goods container goods-1">
        <div class="description">
            <div class="left">
                <p>Fresh奶</p>
                <p>光明畅优乳杆菌<span>6</span>元/<span>1</span>包</p>
                <p>更多优惠 低至5折</p>
            </div>
            <div class="right">
                <img src="./images/changyou_27.png" alt="">
            </div>
        </div>
    </div>
    <div class="goods container">
        <div class="description">
            <div class="left">
                <p>Fresh奶</p>
                <p>光明畅优乳杆菌<span>6</span>元/<span>2</span>瓶</p>
                <p>更多优惠 低至5折</p>
            </div>
            <div class="right">
                <img src="./images/changyou_27.png" alt="">
            </div>
        </div>
    </div>
   </section>
   <footer>
        <a href="#">
            <img src="./images/wode_39.png" alt="">
            <p>闪送超市</p>
        </a>
        <a href="#">
            <img src="./images/wode_39.png" alt="">
            <p>闪送超市</p>
        </a>
        <a href="#">
            <img src="./images/wode_39.png" alt="">
            <p>闪送超市</p>
        </a>
        <a href="#">
            <img src="./images/wode_39.png" alt="">
            <p>闪送超市</p>
        </a>
   </footer>
   <script src="./js/jquery1.11.1.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <script>var mySwiper = new Swiper('.swiper-container', {
        autoplay:true,//等同于以下设置
        /*autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            },*/
        });
    </script>
   
   </script>
 </body>
 </html>